<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag-11.tld" prefix="display"%>
<%@ page
	import="java.util.*, com.cs.beneficios.business.model.SubprogramaSedeVO"%>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
<script type="text/javascript"
	src="<%= request.getContextPath() + "/js/popUP.js" %>"></script>
<link href="<%= request.getContextPath() + "/css/bloques.css" %>"
	rel="stylesheet" type="text/css">

<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#desde").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#hasta").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<script type="text/javascript">
function buscarSubprogramas(accion){
	$("#formBeneficiosSede").attr('action', '<%=request.getContextPath()+"/Sedes/BeneficiosSede.do"%>');
	$('input[name=accion]').val(accion);
	$("#formBeneficiosSede").submit();
}
  
function validarVacio(opcion){
	if(opcion==1){
    	if($("#subprograma").val() != 'nulo' && $("#sede").val() !='nulo'){
    		$("#continuar").attr('disabled', false);
      	}else{
      		$("#continuar").attr('disabled', true);
      	}
    }else{
    	if($("#sede").val() =='nulo'){
    		$("#continuar").attr('disabled', true);
    	}else{
    		$("#continuar").attr('disabled', false);
      	}
    }
}
 
function validarCantidad(field){
	var valid = "0123456789";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    	temp = "" + field.value.substring(i, i+1);
    	if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    	alert("Cantidad no valido, solo se permiten numeros!!");
    	field.focus();
    	field.select();
    }
}
  
function validarOtros(){
	if($("#sede").val() == 'nulo'){
    	alert("Debe seleccionar una sede.");
        return false;
    }
    if($("#cantidad").val() == ''){
    	alert("Debe ingresar la cantidad.");
    	$("#cantidad").focus();
        return false;
    }
    if($("#desde").val() == ''){
    	alert("Debe ingresar la vigencia desde.");
        return false;
    }
    if($("#hasta").val() == ''){
    	alert("Debe ingresar la vigencia hasta.");
        return false;
    }
  	//validar fecha inicio y fin string valido.
	var fDesdeValida = isDate($("#desde").val());
	var fHastaValida = isDate($("#hasta").val());
	if(!fDesdeValida){
		alert('Fecha inicio no valida.');
		return false;
	}else if(!fHastaValida){
		alert('Fecha finalizacion no valida.');
		return false;
	}else{
		if( $.datepicker.parseDate("dd/mm/yy", $("#desde").val()) > $.datepicker.parseDate("dd/mm/yy", $("#hasta").val())){
			alert('La fecha inicial no puede ser mayor a la fecha final.');
			return false;
		}
	}     
	$("#formBeneficiosSede").submit();
}
  
function enviar(locacion1){
	$("#formBeneficiosSede").attr('action', locacion1);
	$("#formBeneficiosSede").submit();
}
</script>
<script src="<%=request.getContextPath()%>/js/displaytag.js"
	type="text/javascript"></script>

<form name="formBeneficiosSede" id="formBeneficiosSede"
	action="<%=request.getContextPath()+"/Sedes/UpdateBeneficiosSubpro.do"%>"
	method="get">
	<%
    List lSubproSede = (List)session.getAttribute("ListaSubproSede");
    SubprogramaSedeVO objsubsede = (SubprogramaSedeVO)lSubproSede.get(0);
    String Programa = objsubsede.getNombrePrograma();
    String Subprograma = objsubsede.getNombreSubprograma();
    String strCodeSede = (objsubsede.getCodeSede())+"";
    Object oCantidad = (Object)objsubsede.getCantidadTotal();
    Object desde = (Object)objsubsede.getDesde();
    String fechadesde = "";
    String fechahasta = "";
    if(desde != null){
    	fechadesde = (String)desde;       
    }
    Object hasta = (Object)objsubsede.getHasta();
    if(hasta != null){
      	fechahasta = (String)hasta;
    }
    
  %>
	<div align="center">
		<table class="claseGenericaWidth70">
			<tr>
				<td class="titulosenblanco" colspan="3">
					<DIV align="center">
						<STRONG>Modificar beneficios a una sede</STRONG>
					</DIV>
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Programa:</td>
				<td width="44%">
					<div align="left">
						<input type="text" name="programa" value="<%=Programa%>"
							class="form" size="40" readonly="readonly" />
					</div>

				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Beneficio:</td>
				<td width="44%">
					<div align="left">
						<input type="text" name="subprograma" value="<%=Subprograma%>"
							class="form" size="40" readonly="readonly" />
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">Sede:</td>
				<td width="44%">
					<div align="left">
						<logic:iterate id="sede" name="sedes" length="1"
							type="com.cs.beneficios.business.model.SedeVO">
							<html:select name="sede" styleId="sede" property="code" title="Sede"
								styleClass="form" value="<%=strCodeSede%>"
								onchange="validarVacio(2);">
								<option value="nulo" selected="selected">Seleccione una sede</option>
								<html:options name="sede" labelName="codeSede"
									labelProperty="nombre" property="code" collection="sedes" />
							</html:select>
						</logic:iterate>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			<tr>
				<td class="celdatabla" width="31%">Cantidad a asignar:</td>
				<td width="44%">
					<%
             if(oCantidad==null){
        %> 		<input type="text" name="cantidad" id="cantidad" value="" class="form"
					size="10" maxlength="9" onblur="validarCantidad(this);" /> Unidades
					<%   }else{ %> 
				<input type="text" name="cantidad" id="cantidad"
					value="<%=(String)oCantidad%>" class="form" size="10" maxlength="9"
					onblur="validarCantidad(this);" /> Unidades <%   } %>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">Vigente desde:</td>
				<td width="44%">
					<%  
             if(desde==null) desde = "";
        %> 		<input type="text" name="desde" id="desde" value="<%=fechadesde%>" class="form" />
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Vigente hasta:</td>
				<td width="44%">
					<%   
             if(hasta==null) hasta = "";
        %> 		<input type="text" name="hasta" id="hasta" value="<%=fechahasta%>" class="form" />
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">&nbsp;</td>
				<td width="44%">
					<div align="center">
						<input type="hidden" name="accion" id="accion" value="" /> <br /> 
						<input type="button" value="Modificar" name="continuar" onclick="validarOtros();" />
						<P></P>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
		</table>
	</div>
	<div align="center">

		<% String Ruta2 = "'"+request.getContextPath() + "/Sedes/ConsultarSedes.do'"; %>
		<input type="image" onclick="enviar(<%=Ruta2%>)" src="<%= request.getContextPath() + "/images/b_atras.gif"%>" />
	</div>
</form>